<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backClickHandle($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            消息详情
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content>
    <div *ngIf="requestStatus&&!detailData.id" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>
    <div class="detail-content" *ngIf="requestStatus&&detailData.id">
        <div class="top-panel device-pixel-border-bottom">
            <p class="title-panel">{{detailData.title}}</p>
            <!--<span class="collect-panel" *ngIf="collectBtnStatus"  [class.normal]="!collectStatus" [class.active]="collectStatus" (click)="switchCollect()">

            </span>-->
            <div class="time-panel">
                <span>{{detailData.time?(detailData.time*1000|date:'yyyy/MM/dd HH:mm'):''}}</span>
                <span class="collect-btn" (click)="switchCollect()" *ngIf="collectBtnStatus" [class.collected]="collectStatus" >
                    {{!collectStatus?'收藏':'已收藏'}}
                </span>
            </div>
        </div>
        <div class="content-panel info-bd" info-render-listener  (rightClickEvent)="renderEnd($event)" [innerHtml]="detailData.content | htmlCss">

        </div>
    </div>
</ion-content>
